<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>服务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
        .mui-col-sm-3{width: 24% !important;border: none !important}
        .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px !important;}
    </style>
    <script src="__TMPL__/public/assets/wuye/js/mui.min.js"></script>
    <link href="__TMPL__/public/assets/wuye/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/wuye/css/app.css" />
    <script src="__TMPL__/public/assets/wuye/js/iconfont.js"></script>
    <link href="__TMPL__/public/assets/wuye/css/mui.picker.css" rel="stylesheet" />
    <link href="__TMPL__/public/assets/wuye/css/mui.poppicker.css" rel="stylesheet" />
</head>

<body>

<header class="mui-bar mui-bar-nav" id="header">
    <h1 class="mui-title" style="color:orangered;">{$wxInfo.name}</h1>
    <!--<a class="mui-icon  mui-pull-right" style="font-size: 16px;padding-top: 0px;color: orangered;" href="#picture">-->
    <!--<i class="mui-icon mui-icon-compose"></i>发布-->
    <!--</a>-->
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="index.html">
        <span class="mui-icon mui-icon-home" id="home1"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item  mui-active" href="service.html">
        <span class="mui-icon mui-icon-pengyouquan"></span>
        <span class="mui-tab-label">服务</span>
    </a>
    <a class="mui-tab-item" href="http://qiangcai.mingruisoft.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=quick&id=1
">
        <span class="mui-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-tiaozaoshichang01"></use></svg></span>
        <span class="mui-tab-label">快捷订菜</span>
    </a>
    <a class="mui-tab-item" href="me.html">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<div class="mui-content">
    <div id="home" class="mui-control-content mui-active">
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <div class="mui-card">
                <div class="mui-card-header">物业服务</div>
                <div class="mui-card-content">
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/notice')}">
                        <span class="mui-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-icon"></use></svg></span>
                        <div class="mui-media-body">物业通知</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/wei')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-luosidao"></use></svg></span>
                        <div class="mui-media-body">装修开锁</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/supervise')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-notes"></use></svg></span>
                        <div class="mui-media-body">监督反馈</div></a></li>

                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/guide')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-22"></use></svg></span>
                        <div class="mui-media-body">办事指南</div></a></li>

                    <notempty name="$four.onefile">
                        <eq name="$four.one_show" value="1">
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{$four.onelink}">
                            <span class="mui-icon"><img src="<?php echo cmf_get_image_url($four['onefile']);?>" width="41" height="41"></span>
                            <div class="mui-media-body">{$four.one}</div></a></li>
                        </eq>
                    </notempty>

                    <notempty name="$four.twofile">
                        <eq name="$four.two_show" value="1">
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{$four.twolink}">
                            <span class="mui-icon"><img src="<?php echo cmf_get_image_url($four['twofile']);?>" width="41" height="41"></span>
                            <div class="mui-media-body">{$four.two}</div></a></li>
                        </eq>
                    </notempty>

                    <notempty name="$four.threefile">
                        <eq name="$four.three_show" value="1">
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{$four.threelink}">
                            <span class="mui-icon"><img src="<?php echo cmf_get_image_url($four['threefile']);?>" width="41" height="41"></span>
                            <div class="mui-media-body">{$four.three}</div></a></li>
                        </eq>
                    </notempty>

                    <notempty name="$four.fourfile">
                        <eq name="$four.four_show" value="1">
                        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{$four.fourlink}">
                            <span class="mui-icon"><img src="<?php echo cmf_get_image_url($four['fourfile']);?>" width="41" height="41"></span>
                            <div class="mui-media-body">{$four.four}</div></a></li>
                        </eq>
                    </notempty>
                </div>
            </div>

            <div class="mui-card">
                <div class="mui-card-header">生活服务</div>
                <div class="mui-card-content">
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/pay')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-shoufeizhan"></use></svg></span>
                        <div class="mui-media-body">在线缴费</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/express')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-songhuo"></use></svg></span>
                        <div class="mui-media-body">快递收寄</div></a></li>

                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/reservation')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-zuoji"></use></svg></span>
                        <div class="mui-media-body">业务预约</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{$wzcx.weifachaxun}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weifachaxun"></use></svg></span>
                        <div class="mui-media-body">违章查询</div></a></li>
                    
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('portal/wuye/service1')}?type=chexian">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-chexianbaojia"></use></svg></span>
                        <div class="mui-media-body">车险报价</div></a></li>
                    <script>
                        function num() {
                            alert('12312');
                        }
                    </script>
                </div>
            </div>

            <div class="mui-card">
                <div class="mui-card-header">便民服务</div>
                <div class="mui-card-content">
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/meituan')}">
                        <span class="mui-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-shangchangtubiao-"></use></svg></span>
                        <div class="mui-media-body">周边商圈</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/lease')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-house-add"></use></svg></span>
                        <div class="mui-media-body">房屋租售</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/jia')}">
                        <span class="mui-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-jiazhengfuwu1"></use></svg></span>
                        <div class="mui-media-body">家政服务</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/tuo')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tubiao112"></use></svg></span>
                        <div class="mui-media-body">托管辅导</div></a></li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/marketlist')}">
                        <span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tiaozaoshichang"></use></svg></span>
                        <div class="mui-media-body">跳蚤市场</div></a></li>
                    <!--<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="{:url('wuye/friend')}">-->
                        <!--<span class="mui-icon"> <svg class="icon" aria-hidden="true"><use xlink:href="#icon-pengyouquan"></use></svg></span>-->
                        <!--<div class="mui-media-body">朋友圈</div></a></li>-->
                </div>
            </div>




        </ul>
    </div>
</div>

<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a href="#" style="color: #0b0b0b">朋友圈</a>
        </li>
        <li class="mui-table-view-cell">
            <a href="#" style="color: #0b0b0b">跳蚤市场</a>
        </li>
    </ul>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a href="#picture"><b>取消</b></a>
        </li>
    </ul>
</div>
</body>
<script src="__TMPL__/public/assets/wuye/js/mui.min.js"></script>
<script src="__TMPL__/public/assets/wuye/js/iconfont.js"></script>
<script src="__TMPL__/public/assets/wuye/js/mui.picker.js"></script>
<script src="__TMPL__/public/assets/wuye/js/mui.poppicker.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
    var gallery = mui('.mui-slider');
    gallery.slider({
        interval:3000//自动轮播周期，若为0则不自动播放，默认为0；
    });
    var info = document.getElementById("info");
    mui('body').on('tap', '.mui-popover-action li>a', function() {
        var a = this,
            parent;
        //根据点击按钮，反推当前是哪个actionsheet
        for (parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
            if (parent.classList.contains('mui-popover-action')) {
                break;
            }
        }
        //关闭actionsheet
        mui('#' + parent.id).popover('toggle');
        if(a.innerHTML == '朋友圈'){
            console.log(a.innerHTML);
            window.location.href = "{:url('wuye/friends')}";
        }else if(a.innerHTML == '跳蚤市场'){
            window.location.href = "{:url('wuye/market')}";
        }

    })
    mui('body').on('tap','a',function(){document.location.href=this.href;});
</script>
</html>